<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			ul {
				list-style: none;
			}

			body {
				background: #333;
			}
			.box{
				width: 240px;
				height: 338;
				background: url(img/bg.gif);
				padding: 10px;
				margin: 50px auto 0;
				
			}
			.box h1{
				font: 700 20px "黑体";
				border-left: 4px solid #c9e143;
				padding-left: 4px;
				color: #fff;
			}
			.box .list {
				height: 310;
				background: #fff;
				padding: 0 10px;
				margin-top: 5px;
			}
			.box .list li{
				border-bottom: 1px dashed #666;
				height: 30px;
				line-height: 30px;
				font-size: 12px;
				background: url(img/tb.gif) no-repeat 6px center;
			}
			.box .list  li a{
				color:  #06c;
				height: 30px;
				text-decoration: none;
				margin-left: 19px;
				display: block;
			}
			.box .list li a:hover{
				color: greenyellow;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<h1>爱宠知识</h1>
			<ul class="list">
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
				<li>
					<a href="##">养狗比养猫对健康更有利</a>
				</li>
			</ul>

		</div>
	</body>
</html>
